<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" th:href="@{/static/data/css/base.css}">
    <link rel="stylesheet" th:href="@{/static/data/css/meddetails.css}">
    <link rel="stylesheet" th:href="@{/static/data/css/largedetail.css}">
    <link rel="stylesheet" th:href="@{/static/data/css/screen.css}">
    <title>妙码数据展示</title>
</head>

<body onload="startClock()" onunload="stopClock()">
    <!-- 小型屏幕 -->
   <!-- <div class="medium">

        <div class="w">
            <div class="header">
                <img th:src="@{/static/data/images/header_02.jpg}" alt="标题">
            </div>

            <div class="top clearfix">


                <div class="top-right">
                    <div class="total">
                        <img th:src="@{/static/data/images/yfc-icon.png}" alt="总量"> 妙码总量
                    </div>
                    <div class="number">
                        447532
                    </div>

                    <div class="time">
                        2018-11-26 10:57:25
                    </div>

                </div>

            </div>

            <div class="line clearfix">
                &lt;!&ndash; 生产线总数start &ndash;&gt;
                <div class="numbers">
                    <div class="rotary">
                        <div class="radius" id="radius">
                            <div class="mbers">
                                <span class="digital" id="deviceCount"></span>
                                <span class="taiwan">台</span>
                            </div>
                            <div class="host">
                                生产线总数
                            </div>
                        </div>
                    </div>
                </div>
                &lt;!&ndash; 生产线总数end &ndash;&gt;

                &lt;!&ndash; 数据展示start &ndash;&gt;
                <div class="data">
                    <div class="table">

                        <div class="thead">
                            <dd class="first">
                                生产线
                            </dd>
                            <dd class="two">
                                完成数
                            </dd>
                            <dd class="last">
                                修改数
                            </dd>
                        </div>



                        <div class="scroll">


                            <table width='437' cellpadding='0' cellspacing='0' id="vvv" class="vvv">

                                <tbody id="content">
                                </tbody>

                            </table>


                        </div>




                    </div>


                </div>
                &lt;!&ndash; 数据展示end &ndash;&gt;

                <div class="detailed">

                    <div class="thead">
                        <dd class="first">
                            生产线
                        </dd>

                        <dd class="last">
                            妙码
                        </dd>
                    </div>

                    <div class="deta-text">
                        <table width='533' cellpadding='0' cellspacing='0' id="text" class="text">
                            <tr></tr>
                            <tbody id="datacontent">
                            <tr></tr>
                            </tbody>
                        </table>
                    </div>

                </div>


            </div>


        </div>
    </div>-->







    <!-- 大型屏幕 -->
    <div class="large">

        <div class="w">
            <div class="header">
                <img th:src="@{/static/data/images/header_02.jpg}" alt="标题">
            </div>

            <!-- 数据展示start -->
            <div class="top clearfix">


                <div class="top-right">
                    <div class="total">
                        <img th:src="@{/static/data/images/yfc-icon.png}" alt="总量"> 妙码总量
                    </div>
                    <div class="number">
                        43627523

                    </div>

                    <div class="time">
                        <div id="show"></div>
                    </div>

                </div>

            </div>
            <!-- 数据展示end -->

            <div class="line clearfix">
                <!-- 生产线总数start -->
                <div class="numbers">
                    <div class="rotary">
                        <div class="radius" id="radu">
                            <div class="mbers">
                                <span class="digital" id="deviceCount"></span>
                                <span class="taiwan">台</span>
                            </div>
                            <div class="host">
                                生产线总数
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 生产线总数end -->

                <!-- 数据展示start -->
                <div class="data">
                    <div class="table">

                        <div class="thead">
                            <dd class="first">
                                生产线
                            </dd>
                            <dd class="two">
                                完成数
                            </dd>
                            <dd class="last">
                                修改数
                            </dd>
                        </div>



                        <div class="scroll">


                            <table cellpadding='0' cellspacing='0' id="vvv" class="vvv">

                                <tbody id="content">
                                </tbody>

                            </table>


                        </div>




                    </div>


                </div>
                <!-- 数据展示end -->

                <div class="detailed">

                    <div class="thead">
                        <dd class="first">
                            生产线
                        </dd>

                        <dd class="last">
                            妙码
                        </dd>
                    </div>

                    <div class="deta-text">
                        <table cellpadding='0' cellspacing='0' id="text" class="text">

                            <tr></tr>
                            <tbody id="datacontent">
                            <tr></tr>
                            </tbody>

                        </table>
                    </div>

                </div>


                <!-- </div> -->

            </div>
        </div>
        <input id="factoryIds" type="hidden" th:value="${factoryId}">
        <input id="btns" type="hidden"/>
        <script th:src="@{/static/data/js/jquery.min.js}"></script>
        <script th:src="@{/static/data/js/detail.js}"></script>
        <script th:src="@{/static/data/js/list.js}"></script>
        <script th:src="@{/static/appJs/webSocket2.js}"></script>
        <script th:src="@{/static/appJs/webSocket3.js}"></script>
        <script th:src="@{/static/appJs/webSocket5.js}"></script>
        <script th:src="@{/static/js/getTime.js}"></script>
</body>

</html>